<template>
  <div id='parents'>
    <p>我是父组件</p>
    <children>
        <span slot="first" @click="show">子组件内容1</span>
    </children>
  </div>
</template>
<script>
  export default {
    components: {
      children: {    //这个无返回值，不会继续派发
        template: `<p>我是子组件：
                                    <slot name="first">如果父组件没定义first的slot，则显示这里的内容</slot>  <br>
                                    <slot name="second">如果父组件没定义second的slot，则显示这里的内容</slot>
                            </p>`
      }
    },
    methods:{
      show(){
        console.log('我是show方法')
      }
    }
  }
</script>

